<template>
  <div class="sort-item-wrapper">
    <div class="title">{{title}}</div>
    <div class="info">
      <span class="label">{{label[0]}} </span>
      <span class="value1">{{value[0] + unit}}</span>
    </div>
    <div class="info">
      <span class="label">{{label[1]}} </span>
      <span class="value2">{{value[1] + unit}}</span>
    </div>
  </div>  
</template>
<script>
export default {
  props:{
    title: String,
    label:{
      type: Array,
      deault: () => []
    },
    value:{
      type: Array,
      deault: () => []
    },
    unit: String
  }
}
</script>
<style lang="less" scoped>
.sort-item-wrapper{
  font-size: 14px;
  font-weight: 500;
  font-family: PingFangSC-Medium, PingFang SC;
  .title{
    font-size: 16px;
    color: #222222;
  }
  .info{
    margin-top: 10px;
  }
  .label{
    color: #666666;
    font-weight: 400;
  }
  .value1{
    color: #4B7EFE;
  }
  .value2{
    color: #222222;
  }
}
</style>